import React from 'react';
import { connect } from 'dva';
import { Steps } from 'antd-mobile';
import avatar from '../../../../../../../framework/utils/avatar';
import styles from './basicInfo.css';

import check from '../../../../../../../icons/personal/checked-icon.png';

const Step = Steps.Step;

const BasicInfo = ({
}) => {

  return (
    <div className={styles.content}>
      <div className={styles.avatar}>{avatar('高新', '')}</div>
      <div className={styles.detail}>
        <div className={styles.item}>
          <div className={styles.name}>高新</div>
          <div className={styles.price}>
            <span>3000/月</span>
            <span style={{fontSize:'0.8125em', color:'#999', marginLeft:'1em'}}>07.28 ~ 07.31</span>
          </div>
          {/* <div className={styles.price}>3000/月</div> */}
        </div>
        <div className={styles.partTimeTypeBtn}>
          <span>取消报名</span>
        </div>
      </div>
    </div>
  );
};

BasicInfo.propTypes = {
};

export default connect()(BasicInfo);
